<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<title>easyui demo</title>
	<%@include file="../../../web.inc"%>
</head>
<body>
	<h2>Alert Messager</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Click on each button to display different alert message box.</div>
	</div>
	<div style="margin:10px 0;">
		<button type="button" class="easyui-linkbutton" onclick="alert1()">弹出窗</button>
		<button type="button" class="easyui-linkbutton" onclick="alert2()">弹出窗（Error）</button>
		<button type="button" class="easyui-linkbutton" onclick="alert3()">弹出窗（Info）</button>
		<button type="button" class="easyui-linkbutton" onclick="alert4()">弹出窗（Question）</button>
		<button type="button" class="easyui-linkbutton" onclick="alert5()">弹出窗（Warning）</button>
	</div>
	<script>
		function alert1(){
			$.messager.alert('My Title','Here is a message!');
		}
		function alert2(){
			$.messager.alert('My Title','Here is a error message!','error');
		}
		function alert3(){
			$.messager.alert('My Title','Here is a info message!','info');
		}
		function alert4(){
			$.messager.alert('My Title','Here is a question message!','question');
		}
		function alert5(){
			$.messager.alert('My Title','Here is a warning message!','warning');
		}
	</script>
</body>
</html>